import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { Toast } from 'vant'

const request = axios.create({
  baseURL: 'http://geek.itheima.net'
})

// 请求拦截器
request.interceptors.request.use(
  config => {
    // 有token我才携带token
    if (store.state.user.tokenObj.token) {
      config.headers.Authorization = `Bearer ${store.state.user.tokenObj.token}`
    }
    return config
  },
  err => {
    return Promise.reject(err)
  }
)

// 响应拦截器
request.interceptors.response.use(
  response => {
    return response.data
  },
  async err => {
    // 判断是401错误
    if (err.response.status === 401) {
      try {
      // 代表token有问题，利用refresh_token去重新得到一个新的token
      // 注意：这里发请求之前用request，但是这里一定不能用
        const res = await axios({
          url: 'http://geek.itheima.net/v1_0/authorizations',
          method: 'put',
          headers: {
            Authorization: `Bearer ${store.state.user.tokenObj.refresh_token}`
          }
        })
        // 保存最新token
        store.commit('user/setToken', {
          token: res.data.data.token,
          refresh_token: store.state.user.tokenObj.refresh_token
        })

        // 无感刷新 -- 把用户之前的请求再发一次，把结果return出去
        // err.config里有本次失败的请求的相关信息，简单来说就是要发的请求
        return request(err.config)
      } catch {
        // 代表连refresh_token都过期了，打回登录页
        Toast('登录状态失效，请重新登录')
        router.push('/login')
        return {} // 防止报错
      }
    } else {
      return Promise.reject(err)
    }
  }
)

export default request
